<template>
	<div id="app">
		<router-view/>
	</div>
</template>

<script>
	export default {
		name: 'App'
	}
</script>

<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/* text-align: center; */ 
		color: #2c3e50;
		/* margin-top: 60px; */
	}

	html,body{
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	/* 重置文本格式元素 */
	a {
		text-decoration: none; 
		color: #666;
		word-wrap:break-word;
	}
	/*英文换行*/
	a:hover {
		text-decoration: none; 
	}
	/* 溢出隐藏 */
	.line-clamp-1{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.line-clamp-2{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.line-clamp-3{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
</style>
